@use 'element-plus/dist/index.css';

.el-container {
    height: 100%;
    position: relative;

    >.el-header,
    >.el-aside,
    >.el-main {
        position: relative;
        padding: 3px;
    }

    .border-right {
        border-right: 1px solid var(--el-border-color);
    }

    .border-top {
        border-top: 1px solid var(--el-border-color);
    }

    .border-bottom {
        border-bottom: 1px solid var(--el-border-color);
    }
}

.borderd {
    border: 1px solid var(--el-border-color);
}

.el-dropdown {
    cursor: pointer;
}

.el-card {
    &.full {
        position: absolute;
        left: 3px;
        top: 3px;
        bottom: 3px;
        right: 3px;
        --el-card-padding: 3px;

        .el-card__body {
            position: relative;
            height: 100%;
        }
    }
}

.el-menu-item [class^=el-icon],
.el-sub-menu {
    .el-icon {
        font-size: 20px !important;
    }

    .el-sub-menu__icon-arrow {
        font-size: 12px !important;
        // top: 40% !important;
    }
}

.el-form {
    // .el-form-item__label {
    //     display: block;
    //     text-align: justify;
    //     text-align-last: justify;
    // }

    &.el-form--inline.ex .el-form-item__content>* {
        // --el-select-width: 220px;
        width: var(--el-form-inline-content-width);
    }

    &.mbt0 {
        .el-form-item {
            margin-bottom: 0 !important;
        }
    }

    &.mbt3 {
        .el-form-item {
            margin-bottom: 3px !important;
        }
    }

    &.mbt6 {
        .el-form-item {
            margin-bottom: 6px !important;
        }
    }

    &:not(.el-form--inline) .el-form-item:last-child {
        margin-bottom: 0 !important;
    }

    &.gw .el-form-item__content {
        width: var(--el-form-inline-content-width);
    }
}

.el-table__body {
    .el-input-number {
        width: 98%;
    }

    .el-tag+.el-tag {
        margin-left: 3px;
    }
}

.el-dialog--my-modal {
    pointer-events: none;

    .el-overlay-dialog {
        pointer-events: none;
    }

    .el-dialog {
        pointer-events: auto;
    }
}

.el-dialog {
    // --el-border-radius-small: 15px;
    --el-box-shadow: 0px 12px 32px 4px #186acf5c, 0px 8px 20px #186acf5c;
}

.el-tabs {
    .el-tabs__header {
        margin: 0 0 5px;
        border-color: var(--el-border-color) !important;
    }

    &.full {

        .el-tabs__content,
        .el-tab-pane {
            height: 100%;
        }
    }

    // &.el-tabs--left.full {
    //     .el-tabs__content {
    //         position: absolute;
    //         left: 3px;
    //         top: 50px;
    //         bottom: 3px;
    //         right: 3px;
    //     }
    // }
}

.el-checkbox.in-table {
    // --el-fill-color-blank: var(--el-color-primary);
    --el-checkbox-checked-bg-color: transparent;
    --el-checkbox-checked-input-border-color: transparent;
    --el-checkbox-input-border: transparent;
    --el-checkbox-height: 100%;
    --el-checkbox-input-height: 25px;
    --el-checkbox-input-width: 50px;

    .el-checkbox__inner:after {
        height: 15px !important;
        width: 8px !important;
        left: 21px;
        top: 5px;
    }
}


.el-checkbox-group {
    &.fw {
        label {
            width: 100%;
        }
    }
}

.el-radio-group {
    &.fw {
        label {
            width: 100%;
        }
    }
}

.el-select.c {
    .el-select__selected-item {
        text-align: center;
    }
}

.el-message-my {

    i {
        font-size: 40px !important;
    }

    .el-message__content {
        padding: 10px;
        font-size: 40px !important;
    }

}